@charset "UTF-8";
body {
  padding-top: .3rem;
  padding-bottom: 1.3rem;
}
html {
  background-color: #fbfbfb;
}
input,textarea{
  -webkit-appearance: none;
}
/* public */
.mt02 {
  margin-top: .2rem;
}
.mt014 {
  margin-top: .14rem;
}
.mt016 {
  margin-top: .16rem;
}
.f-28 {
  font-size: 0.28rem;
}
.c-fff {
  color: #fff;
}
/* public */
.edit-module-div {
  width: 6rem;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0.02rem 0.04rem 0.3rem 0rem 
		rgba(149, 149, 149, 0.4);
  border-radius: 0.08rem;
  padding-bottom: .23rem;
}
.title-input-div {
  width: 5.7rem;
  margin-top: .33rem;
}
.title-text {
  font-size: .24rem;
  color: #333;
}
.title-input {
  font-size: .18rem;
  color: #aaaaaa;
  margin-left: .19rem;
  outline: none;
  background-color: #ffffff;
  border: none;
  flex: 1;
}
.module-line {
  width: 5.8rem;
  opacity: 0.6;
  border-top: .01rem dashed #bfbfbf;
}
.add-cover-div {
  width: 5.7rem;
  margin-top: .14rem;
}
.add-cover-btn {
  width: 1.2rem;
  height: 1.2rem;
  background-color: #f7f7f7;
  border-radius: 0.04rem;
	border: solid 0.01rem #e5e5e5;
}
.abstract-input {
  width: 4.4rem;
  height: 1.2rem;
  border-radius: 0.04rem;
  border: solid 0.01rem #e5e5e5;
  outline: none;
  resize: none;
  color: #aaaaaa;
  font-size: .18rem;
  padding: .16rem;
  text-align: justify;
}
.add-cover-img {
  width: .27rem;
  height: .27rem;
  margin-top: .34rem;
}
.add-cover-text {
  font-size: .18rem;
  color: #aaaaaa;
  margin-top: .21rem;
}
.module-main-text {
  width: 5.7rem;
  font-size: .24rem;
  color: #333;
  margin-top: .17rem;
}
.module-main-module-text {
  width: 5.7rem;
}
.module-main-module-img {
  width: 5.7rem;
  margin-top: .19rem;
}
.module-main-action {
  width: 5.7rem;
}
.active-btn {
  width: .8rem;
	height: .28rem;
	background-color: #ebeef6;
	border-radius: 0.04rem;
  border: solid 0.01rem #e5e5e5;
  font-size: 0.16rem;
  color: #5a7af6;
  text-align: center;
  line-height: .28rem;
  margin-left: .05rem;
}
.big-textarea {
  width: 5.7rem;
  height: 1.4rem;
  border-radius: 0.04rem;
  border: solid 0.01rem #e5e5e5;
  outline: none;
  resize: none;
  color: #aaaaaa;
  font-size: .18rem;
  padding: .16rem;
  text-align: justify;
  margin-top: .04rem;
}
.upload-img-div {
  width: 5.7rem;
  height: .8rem;
  font-size: .21rem;
  color: #aaaaaa;
  text-align: center;
  line-height: .8rem;
  background-color: #f7f7f7;
	border-radius: 0.04rem;
  border: solid 0.01rem #e5e5e5;
  margin-top: .04rem;
}
.bottom-action-div {
  width: 5.7rem;
  margin-top: .24rem;
}
.bottom-action-btn {
  width: 1.8rem;
	height: 0.5rem;
	background-color: #5a7af6;
  border-radius: 0.25rem;
  font-size: .24rem;
  color: #ffffff;
  line-height: .5rem;
  text-align: center;
}





.box-4{
  width: 100vw;
  height: 1rem;
  position: fixed;
  bottom: 0;
  z-index: 999;
  box-shadow: -3px 2px 20px 0px rgba(0, 0, 0, 0.53);
  background-color: #fff;
}
.box-4 button{
  width: 5.8rem;
  height: 0.6rem;
  background-color: #5a7af6;
  box-shadow: 3px 4px 9px 2px 
  rgba(90, 122, 246, 0.45);
  border-radius: 0.3rem;
  border: none;
  outline: none;
}